<template>
  <div id="tabbar">
    <van-tabbar active-color="#ff734c" inactive-color="#333" route>
      <van-tabbar-item to="/home" icon-prefix="icon" icon="shouye1">首页</van-tabbar-item>
      <van-tabbar-item to="/cate" icon-prefix="icon" icon="icon">分类</van-tabbar-item>
      <van-tabbar-item to='/cart' :badge="$store.state.cart.number" icon-prefix='icon' icon='shouye'>购物车</van-tabbar-item>
      <van-tabbar-item to='/user' icon-prefix='icon' icon='wode'>我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  
};
</script>

<style lang="scss" scoped>
#tabbar{
  /deep/ .icon{
     font-size: 22px;
  }
}
</style>